<template>
	<view>
		<uni-nav-bar title="深圳掌上宽带办理" backgroundColor="#26a2ff" color="#fff" shadow="true" statusBar="true" fixed="true"
		 class="up-uni-navbar"></uni-nav-bar>

		<view class="swiper-view">
			<swiper :indicator-dots="true" indicator-color="#fff" indicator-active-color="#ccc" :autoplay="false" :interval="3000"
			 :duration="1000" circular="true" class="swiper">
				<swiper-item>
					<view class="swiper-item">
						<image src="../../static/img/banner/mbanner1.png" mode="" class="swiper-item-image"></image>
					</view>
				</swiper-item>
				<swiper-item>
					<view class="swiper-item">
						<image src="../../static/img/banner/mbanner2-.jpg" mode="" class="swiper-item-image"></image>
					</view>
				</swiper-item>
				<swiper-item>
					<view class="swiper-item">
						<image src="../../static/img/banner/mbanner2.jpg" mode="" class="swiper-item-image"></image>
					</view>
				</swiper-item>
			</swiper>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.swiper-view {
		height: 750/640*270rpx;
	}

	.swiper {
		position: fixed;
		top: 0px;
		left: 0;
		z-index: 100;
		width: 100%;
		height: 750/640*270rpx;

		.swiper-item {
			display: flex;
			justify-content: center;

			.swiper-item-image {
				display: block;
				width: 750rpx;
				height: 750/640*270rpx;
			}
		}
	}
</style>
